.person-info1{
	width: 80%;
	height: 250px;
	margin: 30px auto 0;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #e4e0d7;
	/*border: 1px solid #ccc;*/
	display: flex;
	justify-content: space-around;
}

.person-info2{
	width: 80%;
	height: 50px;
	margin: 30px auto 0;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #e4e0d7;
	/*border: 1px solid #ccc;*/
	display: flex;
	justify-content: space-around;
}

.person-info2 p{
	font-size: 15px;
	margin-top: 10px;
	color: #695c4c;
	position: relative;
	font-weight: 600;

}

.person-info2 a{
	text-decoration: none;
	font-size: 16px;
}


.person-info2 .name{
	width: 150px;
	height: 50px;
	padding: 10px 80px;
	background-color: #e43e3e;
	color: white;
	font-weight: 600;
	font-size: 16px;
}


/*个人信息*/
.person-info{
	width: 60%;
	height: 250px;
	margin: 5px auto 0;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #e4e0d7;
	padding-top: 30px;
	/*border: 1px solid #ccc;*/
	display: flex;
	flex-direction: column;
	justify-content: space-around;
	align-items: center;
}

.person-info p{
	font-size: 15px;
	margin-top: 10px;
	color: #695c4c;
	position: relative;
	font-weight: 600;

}

.person-info a{
	text-decoration: none;
	font-size: 16px;
}


.person-info .name{
	width: 150px;
	height: 50px;
	padding: 10px 80px;
	background-color: #e43e3e;
	color: white;
	font-weight: 600;
	font-size: 16px;
}

.set{
	width: 18%;
	display: flex;
	justify-content: flex-end;
	top: -25%;
	left: -30%;
	margin: 0px !important;
}

.set1{
	width: 18%;
	display: flex;
	justify-content: flex-end;
	top: -25%;
	left: -30%;
	margin: 0px !important;
}

.edit{
	width: 125px;
	height: 28px;
	padding:3px 16px;
	border: 2px solid #cc5b65;
	border-radius: 4px;
	color: rgb(209, 46, 46);
	font-size: 13px !important;
	text-align: center;
	min-width: 125px;
	max-width: 150px;
	margin-right: 2px;
	transition: all 0.5s;
}

.edit:hover{
	background-color: #da2c15;
	color: white;
}

.set-icon{
	width: 29px;
	height: 29px;
}

.person-info .sex{
	line-height: 36px;
	/*margin-top: 15px;*/
	margin-left: -15px;
	color: #4b4d52;
	font-size: 16px;
	font-weight: 600;
}

.person-info .sex-pic{
	width: 27px;
	height: 27px;
	margin-top: 5px;
	margin-left: 5px;
	position: absolute;
}

.contact{
	height: 200px;
	width:100%;
	margin-top: -40px;
	margin-bottom: 10px;
	background-color: #fafafa;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	text-indent: 40%;
	padding-bottom: 15px;
}

.address-icon,
.call-icon,
.major-icon {
	width: 25px;
	height: 25px;
	background-size: cover;
	background-position: center;
	position: absolute;
	left: 37.1%;
	top:-10%;
}

.address-icon{
	background-image: url(/image/address.png);
}

.call-icon{
	background-image: url(/image/call.png);
}

.major-icon{
	background-image: url(/image/major.png);
}

/*选项卡*/
.card-btn{
	width: 80%;
	/*border: 1px solid #ccc;*/
	margin: 0px auto;
	display: flex;
	justify-content: flex-start;
}

.card-btn span{
	margin-right: 50px;
	margin-top: -2px;
	padding-top: 5px;
	font-size: 16px;
	color: rgb(230, 42, 42);
	font-weight: 600;
	cursor: pointer;
}



.card-btn .active , .card-btn span:hover{
	border-top: 2px solid #d81818;
	padding-top: 4px;
}

/*商品*/
.card-btn {
	position: relative;
}

#sell-goods,
#ask-goods {
	width: 80%;
	height: auto;
	margin:10px auto;
}

#person,
#goods {
	width: 80%;
	height: auto;
	margin:10px auto;
}

#goods{
	display: none;
}

#ask-goods{
	display: none;
}

.upload-icon{
	width: 30px;
	height: 30px;
	background-image: url(../image/upload.png);
	background-size: cover;
	background-position: center;
	position: absolute;
	right: 265px;
	top: 5px;
}

.card-btn #sell-upload,.card-btn #ask-upload{
	text-decoration: none;
	padding: 3px 10px;
	border: 2px solid #ae6d6a;
	background-color: white;
	color: #c53737;
	border-radius: 3px;
	position: absolute;
	right: 140px;
	margin-top: 5px;
	font-size: 14px;
}

#sell-upload:hover,#ask-upload:hover,#delete-book:hover{
	border: 1px solid #ae6d6a;
	background-color: #ae6d6a;
	color: white;	
}

#ask-upload{
	display: none;
}

#delete-ask{
	display: none;
	margin-top: 5px;
	position: absolute;
	right: 20px;
	text-decoration: none;
	padding: 3px 10px;
	border: 2px solid #ae6d6a;	
	font-size: 14px;
	color: #ae6d6a;
	border-radius: 3px;	
}

#delete-goods{
	margin-top: 5px;
	position: absolute;
	right: 20px;
	text-decoration: none;
	padding: 3px 10px;
	border: 2px solid #ae6d6a;	
	font-size: 14px;
	color: #ae6d6a;
	border-radius: 3px;	
}

.goods-ul{
	width: 100%;
	height: auto;
	/*border: 1px solid #ccc;*/
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-start;
	flex-direction: row;
	padding-left: 20px;
	margin-top: 35px;
}

.person-ul{
	width: 60%;
	height: 100px;
	/*border: 1px solid #ccc;*/
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-start;
	flex-direction: row;
	padding-left: 20px;
	margin-top: 35px;
	margin-bottom: 35px;
}

.person-list{
	width: 50%;
	min-width: 30%;
	height: 130px;
	/*overflow: hidden;*/
	overflow: visible;
	border: 1px solid #eae1d2;
	margin-right: 35px;
	display: flex;
	justify-content: flex-start;
	flex-direction: column;
	flex-wrap: wrap;
	align-items: flex-start;
	margin-bottom: 30px;
	position: relative;
}

.goods-list{
	width: 30%;
	min-width: 30%;
	height: 320px;
	/*overflow: hidden;*/
	overflow: visible;
	border: 1px solid #eae1d2;
	margin-right: 35px;
	display: flex;
	justify-content: flex-start;
	flex-direction: column;
	flex-wrap: wrap;
	align-items: flex-start;
	margin-bottom: 30px;
	position: relative;
}

.goods-pic{
	width: 80%;
	height: 150px;
	border-bottom: 1px solid gray;
	overflow: hidden;
	display: flex;
	flex-direction: column;
	margin:2px auto;
}

.goods-pic img{
	margin:auto;	
	width: 150px;
}

.goods-name{
	width: 100%;
	line-height: 26px;
	text-align: center;
	font-size: 17px;
	color: #ae6d6a;
}

.goods-detail{
	width: 100%;
	height: 34px;
	line-height: 18px;
	margin-top: 10px;
	text-indent: 15%;
	color: #272222d6;
	font-size: 14px;
	word-wrap:break-word;
}
.goods-detail p{
	line-height: 22px;
}

.goods-price,.original-price{
	width: 100%;
	height: 34px;
	font-size: 15px;
	line-height: 20px;
	color: #880b16;
}

.edit-btn{
	width: 34px;
	height: 34px;
	background-image: url(../image/edit.png);
	background-size: cover;
	background-position: center;
	position: absolute;
	right: 0px;
	cursor: pointer;
}

.delete-btn{
	width: 28px;
	height: 28px;
	background-image: url(../image/delete2.jpg);
	background-size: cover;
	background-position: center;
	position: absolute;
	left: 3px;
	top: 4px;
	cursor: pointer;
	z-index: 9999 !important;
}

.goods-id{
	display: none;
}

*{
	padding: 0px;
	margin: 0px;
	font-family: Microsoft Yahei;
	box-sizing: border-box;
}

.navbar{
	width: 100%;
	height: 40px;
	background-color: #4b4d52;
	display: flex;
	flex-wrap: wrap;
}

/*导航条*/
.navbar{
	justify-content: flex-start;
	/*align-content: center;*/
}

.navbar a{
	padding: 3px;
	color: #d6d2d2 !important;
	text-decoration: none;
	font-size: 14px;
}

.navbar a:hover{
	/*background-color: #ccc;*/
	color:white  !important;
}

.navbar .nav-menu{
	width: 35%;
}
.navbar .nav-menu ul{
	width: 100%;
	display: flex;
	justify-content: flex-start;
	flex-wrap: nowrap;
	margin-left: 10%;
}

.navbar .nav-menu li{
	list-style: none;
	margin:8px 10px; 
}

.nav-search{
	width: 30%;
	display: flex;
	flex-wrap: nowrap;
}

.nav-search input{
	width: 200px;
	height: 25px;
	margin-top: 8px;
	border:1px solid #4b4d52;
	border-radius: 3px;
	/*outline: none;*/
	text-indent: 8px;
}

.search-logo{
	width: 20px;
	background-color: #4b4d52;
	margin-left: 3px;
	border: none;
	outline: none;
	cursor: pointer;
}
.search-logo img{
	margin-top: 3px;
	width: 25px;
}


.nav-info{
	width: 35%;
	display: flex;
	float: right;
	justify-content: center;
	margin-top: 9px;
	margin-right: 30px;
}

.nav-info a{
	margin-left: 17px;
}



/*导航条*/
.navbar{
	justify-content: flex-start;
	/*align-content: center;*/
}

.navbar a{
	color: white;
	text-decoration: none;
	font-size: 14px;
}

.navbar .nav-menu{
	width: 35%;
}
.navbar .nav-menu ul{
	width: 100%;
	display: flex;
	justify-content: flex-start;
	flex-wrap: nowrap;
	margin-left: 10%;
}

.navbar .nav-menu li{
	list-style: none;
	margin:8px 10px; 
}

.nav-search{
	width: 30%;
	display: flex;
	flex-wrap: nowrap;
}

.nav-search input{
	width: 230px;
	height: 25px;
	margin-top: 8px;
	border:1px solid #4b4d52;
	border-radius: 3px;
	/*outline: none;*/
	text-indent: 8px;
	margin-left: 55px;
}
.search-logo{
	width: 20px;
	background-color: #4b4d52;
	margin-left: 3px;
	border: none;
	outline: none;
	cursor: pointer;
}
.search-logo img{
	margin-top: 3px;
	width: 25px;
}


.nav-info{
	width: 35%;
	display: flex;
	justify-content: center;
	margin-top: 9px;

}

.logo{
	width: 300px;
	height: 250px;
	display: flex;
	margin-top: 9px;
}

.nav-info a{
	margin-left: 17px;
}


/*脚步*/
footer{
	border-top: 1px solid #ccc;
	width: 100%;
	height: 70px;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-content: center;
}

footer a{
	text-align: center;
	font-size: 15px;
	/*margin-left: 30%;*/
	text-decoration: none;
	color: gray;
}

.goods-buy{
	width: 40px;
	height: 52px;
	margin-left: 120px;
	text-decoration: none;
	color: white;
	font-size: 13px;
	border: 1px solid #4b4d52;
	border-radius: 2px;
	background: #4b4d52;
}